/*
  健康部分
 * 
 * */

ul,
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.info_wh,
.bw {
	font-family: "微软雅黑";
	width: 1000px;
}

.text_health,
.text_spirit,
.text_sport,
.text_sleep {
	padding: 30px 40px;
}


/*导航*/

.daohang {
	position: fixed;
	bottom: 50px;
	right: 50px;
}

.daohang ul a:hover,
.daohang ul a:link,
.daohang ul a:visited {
	color: white;
	text-decoration: none;
}

.daohang ul li {
	height: 50px;
	width: 50px;
	color: white;
	background: #000000;
	line-height: 50px;
	text-align: center;
	margin-bottom: 5px;
}


/*顶部日历*/

.dbrl {
	height: 40px;
	/*background: #13B5B1;*/
	margin-top: 10px;
	border-bottom: 6px #F4f4f4 solid;
}

.section .dateBtn {
	width: 40px;
	display: block;
	margin: 0;
	/*cursor: none;*/
	margin-top: 5px;
}

.section {
	float: right;
}

#showtime {
	float: right;
	font-size: 16px;
	line-height: 40px;
	margin-right: 10px;
}


/*
 健康分数
 
 * */

.jh_tit_fs {
	width: 350px;
	/*height: 208px;*/
	/*background: #023465;*/
	/*color: #c8ac65;*/
	float: left;
}

.jh_tit_fs p {
	font-size: 18px;
	text-align: center;
	padding: 62px 0;
}

.images_icon,
.one_info {
	float: left;
}

.images_icon images {
	width: 150px;
	height: 150px;
	/*background: #13B5B1;*/
	border-radius: 50%;
	margin: 10px 5px;
}

.one_info {
	margin-left: 10px;
}

.one_info ul li {
	height: 60px;
	font-size: 18px;
	/*line-height: 50px;*/
}

.info_jh_tit {
	height: 250px;
}


/*
 健康评分
 * */

.jh_tit_pf {
	float: left;
	margin-left: 40px;
	font-size: 18px;
	height: 208px;
}

.jh_tit_pf p {
	padding-top: 37px;
	margin: 0;
}

.jh_tit_pf p span {
	padding: 0 20px;
}


/*健康提示*/

.jh_tit_ts {
	/*border: 1px solid;*/
	width: 360px;
	float: left;
	margin-left: 45px;
	font-size: 16px;
}

.jh_tit_ts p {
	line-height: 35px;
	margin-top: -8px;
}

.jh_tit_ts span {
	display: block;
	color: #a0a0a0;
}


/*健康趋势图*/

#health_echart {
	border: 1px solid #1B6D85;
	width: 944px;
	height: 300px;
}


/*评星*/

.star {
	width: 400px;
	min-height: 180px;
	float: left;
}

.star ul {
	/*padding: 22px 0;*/
	width: 300px;
}

.star li {
	width: 200px;
	height: 20px;
	list-style-type: none;
	margin-bottom: 25px;
}

.star li:last-child {
	margin-bottom: 0;
}

.star span {
	float: left;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
}

.starShow {
	display: inline-block;
}

.starShow b {
	float: left;
	margin: 2px 5px;
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/jingshen_songguo2@2x.png") no-repeat center;
	background-size: 16px;
}

.starShow b.on {
	background: url("../images/jingshen_songguo1@2x.png") no-repeat center;
	background-size: 16px;
}

.starShow b.on0 {
	background: url("../images/jingshen_songguo3@2x.png") no-repeat center;
	background-size: 16px;
}


/*精神界面*/

.info_js_tit,
.info_zf_tit,
.sport_tit,
.sleep_tit {
	width: 944px;
	border-bottom: 2px solid #F2F2F2;
}

.spirit_chart {
	width: 944px;
	height: 400px;
}

.js_pf h2 {
	font-size: 18px;
}

.js_pf h2 span {
	margin-left: 10px;
}

.olState {
	color: #A0A0A0;
}

.js_tit {
	font-size: 18px;
	font-weight: bold;
}


/*精神图标title
 * 
 */

.spirit_tit {
	font-size: 18px;
	color: #A0A0A0;
	margin: 20px 0;
}


/*图标下边距*/

.title_top {
	margin-top: 40px;
}


/*睡眠基准心率等等*/

.spirit_sj {
	min-width: 900px;
}

.spirit_sj h2 {
	font-size: 16px;
	color: #A0A0A0;
}

.spirit_sj li {
	float: left;
	margin-right: 80px;
}


/*脏腑*/

.cardiac_btn {
	position: absolute;
	z-index: 20;
	margin-bottom: 15px;
	height: 20px;
	width: 900px;
	/*background: #ccc;*/
}

.cardiac_btn h1 {
	width: 100%;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
}

.cardiac_btn div {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	height: 20px;
}

.cardiac_btn span {
	display: block;
	float: left;
	width: 30px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
}

.cardiac_btn span:last-child {
	text-align: right;
}

.cardiac_btn b {
	display: block;
	float: left;
	width: 28px;
	height: 18px;
	border: 1px solid #13b5b1;
}

.cardiac_btn b.dayShow.on,
.cardiac_btn b.nowShow.on {
	background: #fff;
	border: 1px solid #999;
}

.cardiac_btn b.dayShow {
	background: url("../images/left.png") no-repeat center;
	background-size: 100% 100%;
}

.cardiac_btn b.dayShow.on {
	border-right: none;
}

.cardiac_btn b.nowShow {
	background: url("../images/right.png") no-repeat center;
	background-size: 100% 100%;
}

.cardiac_btn b.nowShow.on {
	border-left: none;
}

.cardiac_now .device {
	width: 900px;
	height: 400px;
	/*padding: 0 8%;*/
	position: relative;
}

.cardiac_now .device .arrow-left {
	background: url(../images/arrows.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 100;
}

.cardiac_now .device .arrow-right {
	background: url(../images/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 100;
}

.cardiac_now .swiper-container {
	height: 400px;
	width: 900px;
}

.organ_radar {
	position: relative;
}

.cardiac_now {
	position: absolute;
	top: 0;
	z-index: -10;
	width: 900px;
	height: 400px;
	background: #fff;
}

.cardiac_day {
	padding-top: 35px;
	height: 400px;
	background: #fff;
}

.organs_sub {
	height: 400px;
}

.organs_h1 {
	width: 900px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	/*margin-bottom: 10px;*/
}

.dn {
	display: none!important;
}

.titbuttom {
	margin-bottom: 20px;
}


/*睡眠 */

.sleep_wrap {
	position: relative;
}

.sleep_h {
	float: left;
}

#sleep0 {
	position: absolute;
	top: 0;
	/*z-index: -10;*/
	/*background: #ccc;*/
}

.js_fg {
	font-size: 16px;
	height: 30px;
	background: #41bfbe;
	border-radius: 5px;
	line-height: 30px;
	padding-left: 10px;
	margin-bottom: 20px;
	text-align: center;
	color: white;
}


/*选项卡*/

.all_list {
	width: 1400px;
	padding: 10px;
}

.user_info {
	border: 4px solid #f2f5fa;
	float: left;
	width: 1090px;
	height: 600px;
}

.user_list {
	float: left;
	width: 290px;
	/*border: 1px solid;*/
	height: auto;
}

.user_list ul li {
	/*border: 1px solid;*/
	/*height: 150px;*/
	margin-bottom: 2px;
	border-bottom: 4px solid #F4F4F4;
}

.user_list ul li:hover {
	background: #F2F5FA;
	cursor: pointer;
}

.user_info_images {
	float: left;
	padding: 0;
	margin: 0;
}

.user_info_images images {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 8px;
	margin-top: 9px;
}

.user_info_msg {
	float: left;
	padding: 8px;
}

.user_info_msg p {
	font-size: 14px;
}

.user_select {
	background: #f2f5fa;
}

.bootstrap-select {
	width: 130px;
}

.clear {
	clear: both;
}

.jdm-toolbar {
	position: fixed;
	top: 50%;
	margin-top: -80px;
	right: 5px;
	width: 36px;
}

.bar {
	position: relative;
	width: 75px;
	height: 36px;
	margin-bottom: 1px;
	background-color: #7a6e6e;
	cursor: pointer;
	border-radius: 2px;
}


/*cursor: pointer 鼠标形状:小手*/


/* 让文字消失在浏览器窗口*/

.tab-text {
	z-index: -1;
	position: absolute;
	right: -70px;
	display: block;
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: #7a6e6e;
	transition: all 0.2s ease;
}

.tab-icn {
	display: block;
	width: 70px;
	height: 30px;
	/*margin-left: 3px;*/
}

.tab-tip {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	width: 10px;
	height: 10px;
}


/* 鼠标移上的效果*/

.bar:hover {
	background-color: #13B5B1
}

.bar:hover .tab-text {
	right: 70px;
	background-color: #13B5B1
}

.bar:hover .tab-tip {
	background-color: #13B5B1 ;display: none
}


/*小图标*/

.tab-icn-vip {
	background: url(../images/js_web.png) no-repeat;
	background-position: 3px 3px;
}

.tab-icn-cart {
	background: url(../images/zf_web.png) no-repeat;
	background-position: 3px 3px;
}

.tab-icn-focus {
	background: url(../images/yd_web.png) no-repeat;
	background-position: 3px 3px;
}

.tab-icn-msg {
	background: url(../images/sm_web.png) no-repeat;
	background-position: 3px 3px;
}

.tab-icn-jimi {
	background: url(../images/fh_web.png)no-repeat;
	background-position: 3px 3px;
}

.side_bar {
	height: 100%;
	width: 6px;
	background: #7a6e6e;
	position: fixed;
	z-index: 999;
	right: 0;
	top: 0;
}

/*血压的轮播*/
.cardiac_now2 .device {
	width: 100%;
	height: 100px;
	/*padding: 0 8%;*/
	position: relative;
}

.cardiac_now2 .device .arrow-left2 {
	background: url(../images/arrows.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 100;
}

.cardiac_now2 .device .arrow-right2 {
	background: url(../images/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 100;
}

.cardiac_now2 .swiper-container {
	height: 100px;
	width: 100%;
}

.organ_radar {
	position: relative;
}

.cardiac_now2 {
	/*position: absolute;*/
	top: 0;
	width: 100%;
	height: 100px;
	background: #fff;
}
.organs0_6{
	display: block;
	margin-bottom: 5px;
	text-align: center;
}
.organs_xy{
	margin-bottom: 10px;
}
.spirit_xy{
	
	margin-bottom:20px;
}

.tip_zhuijia{
	color:gainsboro!important;
}

.comBox{
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: -o-box;*/
    /*display: box;*/
}
.comFlex{
    display: block;
    -moz-box-flex:1;
    -webkit-box-flex:1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex:1;
}

/*血压*/
.wordages {
	/*wordage*/
	padding: 0 15px;
	height: 70px;
	/*border: 1px solid;*/
	width: 888px;
}

.wordages li {
	padding: 14px 0 0 0;
	text-align: center;
	border-right: 1px solid #e6e6e6;
}

.wordages li h2 {
	height: 20px;
	line-height:20px;
	font-size: 12px;
}

.wordages li h3 {
	height: 20px;
	line-height:20px;
	font-size: 14px;
}
.wordages li b {
	font-size: 22px;
}

.wordages li:last-child {
	border: none;
}

/*精神*/
.wordage2 {
	/*wordage*/
	padding: 0 15px;
	height: 70px;
	/*border: 1px solid;*/
	width:500px;
}

.wordage2 li {
	padding: 14px 0 0 0;
	text-align: center;
	border-right: 1px solid #e6e6e6;
}

.wordage2 li h2 {
	height: 20px;
	line-height:20px;
	font-size: 12px;
}

.wordage2 li h3 {
	height: 20px;
	line-height:20px;
	font-size: 14px;
}
.wordage2 li b {
	font-size: 22px;
}

.wordage2 li:last-child {
	border: none;
}

.cardiac_now3 .device .arrow-left3 {
	background: url(../images/arrows.png) no-repeat left top;
	position: absolute;
	left: 45%;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 100;
}

.cardiac_now3 .device .arrow-right3 {
	background: url(../images/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 100;
}
.hei{
	height: 80px;
}
.cardiac_now3 .device {
	/*width: 800px;
	height: 400px;
	/*padding: 0 8%;*/
	position: relative;
}
